home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / details.css540 < prev    next >
Text File  |  2007-11-16  |  7KB  |  390 lines
  1. /*
  2. CSS for Details page.
  3. */
  4.  
  5. html {
  6.     overflow-y:hidden;
  7.     overflow-x:hidden;
  8. }
  9.  
  10. BODY {
  11.     margin:0px;
  12.     padding:0px;
  13.     background-color:#ffffff;
  14.   
  15.     font-family:Verdana,"Trebuchet MS", Arial, sans-serif;
  16.     font-size:10px;
  17. }
  18.  
  19. #DETAILS_HEADER {
  20.     display: inline-block;
  21.     left: 0px;
  22.     top: 0px;
  23.     width:100%;
  24.  
  25.     margin:0px 0px 0px 0px;
  26.     border:0px 0px 0px 0px;
  27.     padding:0px 0px 0px 0px;
  28.     height:60px;
  29. }
  30.  
  31. #DETAILS_HEADER_DIV, #OPTIONS_DIV, #BUTTONS_DIV, #QUALITY_DIV, #UPDATE_DIV {
  32.     background-color:#000000;
  33.     height:1px;
  34.     width:100%;
  35.     overflow: hidden;
  36.     clear:both;
  37. }
  38.  
  39. #DETAILS_HEADER_TEXT {
  40.     display: inline-block;
  41.     margin: 0px 5px 0px 5px;
  42.     width:100%;
  43. }
  44.  
  45. #DETAILS_TEXTLARGE {
  46.     display: inline-block;
  47.     font-size:24px;
  48.     font-weight:bold;
  49.     float:left;
  50.     text-indent: 5px;
  51. }
  52.  
  53. .butUpdateTime A {
  54.     text-decoration: none;
  55.     font-size: 12px;
  56. }
  57.  
  58. #RECORD_BUTS A, .butShowAllEpisodes A, .butShowThisEpisode A, .butSearchThisEpisode A, .butUpdateTime A {
  59.     text-decoration: none;
  60.     font-size: 11px;
  61.     font-weight:bold;
  62.     color: #000000;
  63.  
  64.     display: inline-block;
  65.     
  66.     border: 1px solid #000000;
  67.     margin: 2px 0px 0px 4px;
  68.     padding: 0px 6px 0px 6px;
  69.     background-color: #9acd32;
  70.     
  71.     /*  */
  72.     white-space: nowrap;
  73.     text-align: center;
  74.     vertical-align: middle;
  75.     line-height:24px;
  76.  
  77.     overflow: visible;
  78.     float:left;
  79. }
  80.  
  81. #RECORD_BUTS A:hover, .butShowAllEpisodes A:hover, .butShowThisEpisode A:hover, .butSearchThisEpisode A:hover, .butUpdateTime A:hover {
  82.     background-color: #cfe6a1;
  83. }
  84.  
  85. .infoTitle {
  86.     font-size: 14px;
  87.     font-weight: bold;
  88.     color: #000000;
  89. }
  90.  
  91. .infoText {
  92.     font-size: 11px;
  93.     font-weight:normal;
  94. }
  95.  
  96. #EPISODE_BUTTONS, #RECORD_BUTS {
  97.     display: inline-block;
  98.     margin: 5px 5px 0px 5px;
  99. }
  100.  
  101. #RECORD_BUTS {
  102.     margin: 3px 5px 5px 0px;
  103.     float:left;
  104.     clear:both;
  105. }
  106.  
  107. #EPISODE_DATE {
  108.     float:left;
  109.     display: inline-block;
  110.     clear: both;
  111.     margin: 5px 0px 0px 5px;
  112. }
  113.  
  114. #EPISODE_BUTTONS {
  115.     margin: 2px 5px 0px 1px;
  116. }
  117.  
  118. #EPISODE_CHANNEL {
  119.     float:left;
  120.     display: inline-block;
  121.     margin: 5px 5px 0px 30px;
  122. }
  123.  
  124. #CHANNEL_ICON {
  125.     float:left;
  126.     width:67px;
  127.     height:50px;
  128.     margin-left:10px;
  129.     margin-top:4px;
  130. }
  131.  
  132. .channelNum {
  133.     font-size:16px;
  134.     font-weight:bold;
  135. }
  136.  
  137. .channelName {
  138.     font-size:12px;
  139.     font-weight:normal;
  140. }
  141.  
  142. #EPISODE_DESC {
  143.     display: inline-block;
  144.     float:left;
  145.     clear: both;
  146.     margin: 5px 5px 5px 5px;
  147.     width:99%;
  148. }
  149.  
  150. .subtitleText {
  151.     font-size: 11px;
  152.     font-weight:bold;
  153. }
  154.  
  155. #RECORD_OPTIONS {
  156.     clear:left;
  157.     display: inline-block;
  158.     padding:0;
  159.     margin: 0px 5px 0px 5px;
  160.     z-index:99;
  161.     overflow: hidden;
  162.     line-height: 20px;
  163.     vertical-align:baseline;
  164. }
  165.  
  166. #RECORD_OPTIONS INPUT {
  167.     vertical-align:top;
  168. }
  169. #RECORD_OPTIONS_LEFT, #RECORD_OPTIONS_RIGHT, #RECORD_DAYS_2, #RECORD_DAYS_3, #RECORD_DAYS_4 {
  170.     float:left;
  171.     margin: 0px 0px 0px 10px;
  172.     padding: 3px 0px 3px 0px;
  173. }
  174.  
  175. #RECORD_OPTIONS_LEFT {
  176.     margin: 0px 20px 0px 0px;
  177. }
  178.  
  179. #RECORD_DAYS_2, #RECORD_DAYS_4 {
  180.     margin-left:0px;
  181. }
  182. #DAYS_LIST {
  183.     background-color: #f1f1f1;
  184.     border-left: 1px solid #696969;
  185.     border-right: 1px solid #696969;
  186.     float:left;
  187.     margin: 1px 0px 0px 20px;
  188.     padding: 0px 5px 0px 2px;
  189. }
  190.  
  191. #RECORD_QUALITY, #RECORD_PADDING {
  192.     position: relative;
  193.     display: inline-block;
  194.     clear:both;
  195.     margin-top:5px;
  196.     line-height:20px;
  197.     vertical-align:middle;
  198.     white-space: nowrap;
  199.     overflow: hidden;
  200.     margin-left:5px;
  201. }
  202.  
  203. #RECORD_KEEP {
  204.     margin-left:5px;
  205. }
  206.  
  207. #RECORD_PADDING {
  208.     margin-bottom:5px;
  209. }
  210.  
  211. #RECORD_KEEP INPUT, #RECORD_PADDING INPUT, #RECORD_QUALITY INPUT, #RECORD_TEXT INPUT {
  212.     line-height:20px;
  213.     vertical-align:middle;
  214.     text-align: center;
  215.     border: 1px solid black;
  216.     background-color: #fff5ee;
  217.     padding: 1px 0px 0px 0px;
  218.     padding-top: 0px;
  219.     height:22px;
  220.     margin-left:3px;
  221. }
  222.  
  223. #RECORD_QUALITY SELECT {
  224.     line-height:20px;
  225.     vertical-align:middle;
  226.     border: 1px solid black;
  227.     background-color: #fff5ee;
  228.     padding: 2px 2px 2px 2px;
  229.     height:22px;
  230.     margin-right:15px;
  231.     margin-left:3px;
  232. }
  233.  
  234. .updateText {
  235.     font-size:11px;
  236.     font-weight:bold;
  237.     margin-bottom:-5px;
  238. }
  239. #RECORD_DAYS INPUT {
  240.     float:left;
  241. }
  242.  
  243. #RECORD_DAYS label {
  244.     float:left;
  245.     margin-right:15px;
  246.     vertical-align: middle;
  247. }
  248.  
  249. #UPDATE_RECORDING_TIME, #RECORD_TEXT {
  250.     display: inline-block;
  251.     width:100%;
  252.     clear:both;
  253. }
  254.  
  255. #RECORD_TEXT {
  256.     margin: 5px 0px 5px 5px;
  257. }
  258.  
  259. #ERROR_MESSAGE {
  260.     clear:both;
  261.     font-size: 12px;
  262.     color: #000000;
  263.     font-weight: bold;
  264.     background-color: #ff9f9f;
  265.     padding: 10px 2px 10px 10px;
  266.     border: 1px solid #808080;
  267.     margin: 5px 5px 0px 5px;
  268. }
  269.  
  270. #EPISODE_TITLE {
  271.     font-size: 16px;
  272.     font-weight: bold;
  273.     color: #000000;
  274.     white-space: nowrap;
  275.     background-color: #ffc000;
  276.     padding: 2px 4px 2px 4px;
  277.     border: 1px solid #808080;
  278.     margin: 5px 5px 0px 5px;
  279. }
  280.  
  281. #EPISODE_SUBTITLE {
  282.     font-size: 11px;
  283.     white-space: nowrap;
  284.  
  285.     background-color: #ffe082;
  286.     padding: 2px 4px 2px 4px;
  287.     border: 1px solid #808080;
  288.     margin: 3px 5px 0px 5px;
  289. }
  290.  
  291. .updateTime {
  292.     font-size: 11px;
  293.     font-weight: bold;
  294.     white-space: nowrap;
  295.     background-color: #ffe082;
  296.     padding: 2px 4px 2px 4px;
  297.     border: 1px solid #808080;
  298.     margin: 5px 5px 0px 5px;
  299. }
  300.  
  301. .padText {
  302.     width:155px;
  303.     text-align: right;
  304.     white-space: nowrap;
  305.     display: inline-block;
  306.     overflow: visible;
  307.     float:left;
  308.     clear:left;
  309.     vertical-align: middle;
  310.     line-height:20px;
  311. }
  312.  
  313. #UPDATE_TEXT {
  314.     float:left;
  315. }
  316.  
  317. #UPDATE_TEXT INPUT {
  318.     width:38px;
  319.     margin-bottom: 3px;
  320. }
  321.  
  322. #UPDATE_BUTTON {
  323.     float:left;
  324.     margin: 42px 0px 0px 20px;
  325. }
  326.  
  327. #EPISODE_CHANNEL {
  328.     float:left;
  329. }
  330.  
  331. #UPDATE_GROUP {
  332.     margin: 5px 5px 0px 0px;
  333.     clear:both;
  334.     display: inline-block;
  335. }
  336.  
  337. .textLarge {
  338.   line-height:32px;
  339. }
  340.  
  341. .textSmall {
  342.   padding-left:3px;
  343.   line-height:14px;
  344. }
  345.  
  346. #HEADER_TEXT {
  347.     margin: 4px 0px 0px 5px;
  348.     float:left;
  349. }
  350.  
  351. #LOGO_HEADER {
  352.     display:inline-block;
  353.     float:left;
  354.     height:46px;
  355.  
  356.     width:47px;
  357.     width:0px; /* width of zero will hide the image */
  358.  
  359.     font-size:0px;
  360.     background: url(../Graphics/logo_header.png) no-repeat left;
  361.     margin-top:-5px;
  362. }
  363.  
  364. #PROGRAM_INFO {
  365.     display: inline-block;
  366.     float:right;
  367.     font-size: 16px;
  368.     font-weight:bold;
  369.     vertical-align: middle;
  370.     margin-right: 5px;
  371.     line-height:60px;
  372. }
  373.  
  374. .new_show {
  375.     display: inline-block;
  376.     width:19px;
  377.     height:22px;
  378.     background: url(../Graphics/new.png) no-repeat center;
  379.     float:left;
  380.     margin-left:3px;
  381.     margin-right:20px;
  382.  
  383.     font-size:10px;
  384.     font-weight:bold;
  385.     font-variant: small-caps;
  386.     color: #b22222;
  387.     /* hide the text */
  388.     font-size:0px;
  389.     text-indent: -9000px; 
  390. }